<template>
  <div
    style="color: white;padding: 0 20px;margin-top: -10px;"
    class="df aic jcsb"
  >
    <dv-loading v-if="loading">Loading...</dv-loading>
    <template v-else>
      <LeftBox></LeftBox>
      <CenterBox></CenterBox>
      <RightBox></RightBox>
    </template>
  </div>
</template>

<script>
import LeftBox from "./components/left.vue";
import CenterBox from "./components/center.vue";
import RightBox from "./components/right.vue";

export default {
  components: {
    LeftBox,
    CenterBox,
    RightBox,
  },
  data() {
    return {
      loading: false,
    };
  },
};
</script>

<style lang="scss" scoped>
.dv-loading {
  width: 100vw;
  height: 100vh;
}
</style>
